<template>
  <!-- v-show v-if -->
  <div>
    <!-- v-show直接删除元素，性能不好  v-if 使用display:none性能更好些 -->
    <div v-show="flag1" class="show"></div>
    <div v-if="flag2" class="show"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      flag1: true,
      flag2: false,
    };
  },
};
</script>

<style>
.show {
  width: 500px;
  height: 500px;
  background-color: aquamarine;
}
</style>